<template>
  <div style="margin:0px 5%">
    <h1>需求详情</h1>
    <div class="row-content">
       <h1 class="h-title">基本信息</h1>
       <div class="req-data-content">
            <span class="req-data-pre">发布时间：</span>
            <span class="req-data">{{infoObj.pushTime}}</span>
       </div>
       <div class="req-data-content">
            <span class="req-data-pre">需求来源：</span>
            <span class="req-data">{{infoObj.source}}</span>
       </div>
       <div class="req-data-content">
            <span class="req-data-pre">需求所属市州：</span>
            <span class="req-data">{{infoObj.municipality}}</span>
       </div>
       <div class="req-data-content">
            <span class="req-data-pre">项目联系任：</span>
            <span class="req-data">{{infoObj.contactName}}</span>
       </div>
       <div class="req-data-content">
            <span class="req-data-pre">项目联系人方式：</span>
            <span class="req-data">{{infoObj.contactPhone}}</span>
       </div>
       <div class="req-data-content">
            <span class="req-data-pre">拟投入资金：</span>
            <span class="req-data">{{infoObj.proposedCap}}</span>
       </div>
    </div>
    <div class="row-content">
        <h1 class="h-title">需求详情</h1>
        <div class="req-data-content">
            <span class="req-data">{{infoObj.reqDetail}}</span>
       </div>
    </div>
  </div>
</template>
<script>
import { getTechreq } from "@/api/tcsp/techreq.js";


export default {
  name: "scientificInfoDetail",
  data() {
    return {
      loading: true,
      infoObj: {
      }  //一个空对象 -- 存储查询结果
    }
  },
  created() {
    const techReqId = this.$route.params.techReqId
    this.getInfo(techReqId);
  },
  methods: {
    getInfo(techReqId) {
      this.loading = true;
      getTechreq(techReqId).then(response => {
        this.infoObj = response.data;
      })
      this.loading = false;
    },
  }
}
</script>
<style>
.el-upload__tip {
  line-height: 1.2;
}

.h-title {
    -webkit-text-size-adjust: 100%;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    font-style: normal;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #000;
    cursor: default;
    box-sizing: border-box;
    padding: 0 10px;
    margin: 10px 0;
    margin-bottom: 22px;
    border-left: 3px solid var(--mainColor);
    font-size: 18px;
    font-weight: 500;
}
.req-data-content {
    display: inline-block;
    margin: 0px 50px;
}

</style>
